<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>组群聊-组群聊</title>
<link th:href="@{/c/base.css}" rel="stylesheet" type="text/css">
<link th:href="@{/c/toefl.css}" rel="stylesheet" type="text/css">
<link th:href="@{/c/bootstrap.min.css}" rel="stylesheet" type="text/css">
</head>

<body>
<!--头-->
<div class="doc1180">
	<div class="header">
    	<div class="logo"><a href="####"><img src="../i/logo.png"></a></div>
        <div class="headerLink">
        	<a href="../login.html" class="###">登录</a>
            <a href="../register.html" class="###">注册</a>
        </div>
    </div>
</div>
<div class="menu">
  <div class="doc1180">
   	  <div class="menuLink">
        	<ul class="fn-clear">
            	<li class="active"><a href="../index.html" >首页</a></li>
                <li><a href="托福人.html" >托福人</a></li>
                <li><a href="公开课首页.html" >公开课</a></li>
                <li><a href="chat.html" >群组聊</a></li>
                <li><a href="福利城堡-福利城堡.html">福利城堡</a></li>
            </ul>
    </div>
    <div class="headerUser">
        	<ul>
            	<li class="headerUserPic"><a href="###"><img src="../i/hlw.png"></a></li>
                <li class="headerUserName"><a href="../my/mydata.html" target="ifr">用户名</a></li>
                <li class="headerUserNotice">通知<a href="###">14</a></li>
            </ul>
      </div>
        <p>&nbsp;</p>
    </div>
</div>
<!--头-->

<div class="doc1180 paddingT20 fn-clear"><!--页面左侧内容-->
	<div class="openMenu">
	<div class="doc1180" >
    	<ul class="fn-clear">
        	<li class="openMenuOn"><a th:href="@{/toChat}">全部</a></li>
        	<li><a th:href="@{/TypeChat(type=${'同城考试群'})}">同城考试群</a></li>
            <li><a th:href="@{/TypeChat(type=${'考试场次群'})}">考试场次群</a></li>
            <li><a th:href="@{/TypeChat(type=${'名师学堂群'})}">名师学堂群</a></li>
            <li><a th:href="@{/TypeChat(type=${'结伴备考群'})}">结伴备考群</a></li>
        </ul>
    </div>
</div>
    <div class="tfr_left">
    	<div class="zql_itemWyjq"><a href="###" class="itemWyjqB btn btn-danger">我要建群</a></div>

        <div class="zql_item" th:each="chat:${chatList}">
        	<ul>
            	<li class="zql_itemPic"><img th:src="@{/i/82x82.png}" width="82" height="82"></li>
                <li class="zql_itemText">
                	
                		<div class="zql_itemTitle" th:text="${chat.getName()}"></div>
                    	<div class="zql_itemTime">建群时间：2014-12-29</div>
                    	<div class="zql_itemP">香港股市近之势停止，令不少有买股票的艺人赔钱!</div>
                	
                </li>
                <li class="zql_itemButton">
                	<div class="zql_itemNum">1234人已加入</div>
                	<div class="zql_itemZt">
                    	<a th:href="@{/JoinChat(chatId=${chat.getChatId()})}">加入群</a>|<a th:href="@{/ExitChat(chatId=${chat.getChatId()})}">退出该群</a>
                    </div>
                	<a class="btn btn-primary"  th:href="@{/ChatDetail}">聊天室</a>
                </li>
            </ul>
<!--            <ul>
            	<li class="zql_itemPic"><img src="../i/82x82.png" width="82" height="82"></li>
                <li class="zql_itemText">
                	<div class="zql_itemTitle">群组名称</div>
                    <div class="zql_itemTime">建群时间：2014-12-29</div>
                    <div class="zql_itemP">香港股市近之势停止，令不少有买股票的艺人赔钱!</div>
                </li>
                <li class="zql_itemButton">
                	<div class="zql_itemNum">1234人已加入</div>
                	<div class="zql_itemZt">
                    	<a href="组群聊-群组详细页.html">群信息</a>|<a href="###">退出该群</a>
                    </div>
                    <a class="btn btn-success" href="chat_details.html">聊天室</a>
                </li>
            </ul>-->
        </div>
	</div>
    <!--页面左侧内容 end-->
  	<!--页面右侧内容-->
		
  
</div>


</body>
</html>
